<template>
  <el-dialog
      :title=text.title
      :show-close="false"
      :visible.sync="isShow"
      :close-on-click-modal="false"
      v-dialog-drag
      width="20%">
    <div slot="title">
      <span>{{text.title}}</span>
    </div>
    <div style="text-align: center">
      <svg-icon :icon-class="icon" />
      <div style="margin-top: 5px">
        <span style="letter-spacing: 2px">{{text.msg}}</span>
      </div>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button size="mini" @click="this.cancel">取 消</el-button>
      <el-button size="mini" class="myBtn" type="primary" @click="confirm">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: "ConfirmBox",
  data() {
    return {
      isShow: true,
      icon: "info",
      text: {
        title: "提示",
        msg: "描述信息",
      }
    }
  },

  methods: {
    cancel() {
      this.isShow = false;
    },
    confirm() {
      this.isShow = false;
    },
    a() {

    }
  }

}
</script>

<style scoped>
  /deep/.el-dialog__body {
    padding: 15px 20px;
  }

  /deep/ .el-dialog__header {
    padding: 8px 10px 8px;
    background-color: #1E2C3D;
    color: white;
  }
</style>